<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="utf-8">
    <title>Blog Post - eKoders Admin Template</title>
	
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="description" content="">
    <meta name="author" content="">

    <!-- Bootstrap core CSS -->
    <link rel="stylesheet" href="../assets/css/bootstrap.min.css">
    <link rel="stylesheet" href="../assets/css/fonts.css">
	<link rel="stylesheet" href="../assets/font-awesome/css/font-awesome.min.css">
	
	<!-- PAGE LEVEL PLUGINS STYLES -->
	<link rel="stylesheet" href="../assets/css/plugins/colorBox/colorbox.css">
	
    <!-- Tc core CSS -->
	<link id="qstyle" rel="stylesheet" href="assets/css/themes/style.css">	
	<!--[if lte IE 8]>
		<link rel="stylesheet" href="../assets/css/ie-fix.css" />
	<![endif]-->
	
	
    <!-- Add custom CSS here -->

	<!-- End custom CSS here -->
	
    <!--[if lt IE 9]>
    <script src="../assets/js/html5shiv.js"></script>
    <script src="../assets/js/respond.min.js"></script>
    <![endif]-->
	
  </head>

<body>

    <nav class="navbar top-navbar navbar-fixed-top" role="navigation">
        <div class="container">
            <div class="navbar-header">
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
                    <i class="fa fa-bars"></i>
                </button>
                <a class="navbar-brand" href="index.html">
                    <img src="../assets/images/logo-big.png" alt="logo" class="img-responsive">
                </a>
            </div>		
            <!-- Top Menu Right-->
			<div class="nav-top">
				<ul class="nav navbar-right">
					<li class="visible-xs">
						<a href="#" class="tooltip-primary" data-placement="right" data-rel="tooltip" title="+ 91 124 2250121">
							<i class="fa fa-phone"></i>
						</a>
					</li>
					<li class="hidden-xs">
						<a href="#">
							<i class="fa fa-phone"></i>
							<span class="bigger-110 hidden-xs">+ 91 124 2250121</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-envelope"></i> <span class="badge up badge-primary">2</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-bell"></i> <span class="badge up badge-success">3</span>
						</a>
					</li>
					<li class="dropdown">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<i class="fa fa-tasks"></i> <span class="badge up badge-info">7</span>
						</a>
					</li>
					<li class="dropdown user-box-no-images">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="user-info"> My Account</span> <b class="caret"></b>
						</a>
						<ul class="dropdown-menu dropdown-user">
							<li>
								<a href="../profile.html">
									My Profile
								</a>
							</li>
							<li>
								<a href="../invoice.html">
									My Invoices
								</a>
							</li>
							<li>
								<a href="../login.html">
									Signin
								</a>
							</li>
						</ul>
					</li>
					<!--Search Box-->
					<li class="dropdown nav-search-icon">
						<a href="#" class="dropdown-toggle" data-toggle="dropdown">
							<span class="glyphicon glyphicon-search"></span>
						</a>
						<ul class="dropdown-menu dropdown-search">
							<li>
								<div class="search-box">
									<form class="" role="search">
										<input type="text" class="form-control" placeholder="Search" />
									</form>
								</div>
							</li>
						</ul>
					</li>
					<!--Search Box-->
				</ul>
			</div>
            <!-- /.Top Menu -->
		</div>
		
		<div class="top-menu collapse navbar-collapse  navbar-main-collapse">
			<div class="container">
				<!-- Left Menu-->
				<div class="nav-top">
					<ul class="nav navbar-nav navbar-left">
						<li>
							<a href="index.html">Home</a>
						</li>
						<li class="dropdown">
							<a href="#" class="dropdown-toggle" data-toggle="dropdown">
								Pages <b class="caret"></b>
							</a>
							<ul class="dropdown-menu">
								<li><a href="about-us.html">About Us</a></li>
								<li><a href="services.html">Services</a></li>
								<li><a href="pricing-tables.html">Pricing Tables</a></li>
							</ul>					
						</li>
						<li><a href="blog.html">Blog</a></li>
						<li>
							<a href="contact.html">Contact Us</a>
						</li>
					</ul>
					<ul class="nav navbar-nav navbar-left pull-right">
						<li>
							<a href="contact.html" class="btn btn-primary">Live Chat</a>
						</li>
					</ul>
				</div>
			</div>
        </div>
        <!-- /.container -->
    </nav>
	
	
	<div class="page-container"><!-- /page container -->
	
	<!-- /#ek-layout-button -->	
		<div class="qs-layout-menu front">
			<div class="btn btn-gray qs-setting-btn" id="qs-setting-btn">
				<i class="fa fa-cog bigger-150 icon-only"></i>
			</div>
			<div class="qs-setting-box" id="qs-setting-box">										
				<span class="bigger-120">Color Options</span>										
				<div class="hr hr-dotted hr-8"></div>										
				<ul>									
					<li><button class="btn" style="background-color:#d15050;" onclick="swapStyle('assets/css/themes/style.css')"></button></li>
					<li><button class="btn" style="background-color:#86618f;" onclick="swapStyle('assets/css/themes/style-1.css')"></button></li> 
					<li><button class="btn" style="background-color:#ba5d32;" onclick="swapStyle('assets/css/themes/style-2.css')"></button></li>
					<li><button class="btn" style="background-color:#488075;" onclick="swapStyle('assets/css/themes/style-3.css')"></button></li>
					<li><button class="btn" style="background-color:#4e72c2;" onclick="swapStyle('assets/css/themes/style-4.css')"></button></li>
				</ul>											
			</div>
		</div>
	<!-- /#ek-layout-button -->
	
		<div class="mass-head inner">
			<div class="container">
				<div class="row">
					<div class="col-lg-5 col-md-5 col-sm-12 col-xs-12">
						<h1>Blog Post</h1>
					</div>
					<div class="col-lg-7 col-md-7 col-sm-12 col-xs-12">
						<ol class="breadcrumb">
							<li><a href="index.html">Home</a></li>
							<li><a href="#">Blog</a></li>
							<li class="active">Blog Post</li>
						</ol>
					</div>
				</div>
			</div>
		</div>
		
		
		<div class="container">
			<div class="block-s2">
			<!--CONTENT-->
		
				<!--(blog post)-->
				<div class="row">
					<!--Blog Left Side-->
					<div class="col-lg-9">
						<div class="blog-posts">						
							<a href="blog-post.html">
								<img src="../assets/images/gallery/blog-img.jpg" class="img-responsive" alt="">
							</a>
						
							<h2><a href="blog-post.html">A Blog Home Template for Bootstrap 3</a></h2>
								<div class="article-info top clearfix">
									<span class="lead"><i class="fa fa-user"></i> by <a href="#">Super User</a></span>
									<ul class="pull-right">
										<li><a href="#"><i class="fa fa-print"></i></a></li>
										<li><a href="#"><i class="fa fa-envelope-o"></i></a></li>
										<li><a href="#"><i class="fa fa-file-pdf-o"></i></a></li>
									</ul>
								</div>
							
							<p>Suspendisse a velit mauris. Aenean elit eros, gravida euismod tempus eget; ornare vitae magna. Fusce dictum ante libero. Integer vitae libero ut dui tincidunt aliquet vitae eget arcu. Sed mattis quam auctor mi posuere adipiscing! Integer vel ullamcorper. Mauris hendrerit nibh non quam tristique ullamcorper. Morbi eget risus non mauris sodales fermentum. Donec egestas hendrerit vehicula.orci arcu, sollicitudin non vehicula in,</p>
							
							<blockquote>
								Sed rutrum nisi et ante elementum commodo. Ut porta rutrum ipsum; quis ultrices risus ullamcorper in! Sed vitae felis odio. Sed orci arcu, sollicitudin non vehicula in, cursus sed felis. Fusce nec massa nec lectus adipiscing dapibus at quis massa.
							</blockquote>
							
							<p>Quisque at eros in purus hendrerit cursus vel id massa. Donec dolor nisi, varius a aliquet bibendum, bibendum eu dolor. Morbi accumsan ultrices massa, eu venenatis neque facilisis ac. Ut ante libero, posuere vel scelerisque a, vehicula sit amet quam. Nulla facilisi. Cras condimentum venenatis leo sed dignissim!</p>
							
							 <div class="video">
								<iframe width="560" height="315" src="http://player.vimeo.com/video/76512663?title=0&amp;byline=0&amp;portrait=0;api=1" frameborder="0" allowfullscreen></iframe>
							</div>
							
							<p>Fusce augue ipsum, rutrum ac rutrum vel; molestie in dolor. Proin faucibus magna ac urna vulputate in dignissim diam eleifend. Vestibulum metus eros; viverra sodales dapibus sit amet, ultrices nec tortor! Sed quis nisi orci? Cras at pellentesque nibh.</p>
							
							<p>Quisque at eros in purus hendrerit cursus vel id massa. Donec dolor nisi, varius a aliquet bibendum, bibendum eu dolor. Morbi accumsan ultrices massa, eu venenatis neque facilisis ac. Ut ante libero, posuere vel scelerisque a, vehicula sit amet quam. Nulla facilisi. Cras condimentum venenatis leo sed dignissim!</p>

							<ul class="article-info">
								<li><i class="fa fa-calendar"></i>15/7/2014</li>
								<li class="hidden-xs"><i class="fa fa-tags"></i>Nature,, Admin ui, Photo, Sea</a></li>
							</ul>
							

							
							<h3><i class="fa fa-comments"></i> Comments</h3>
							
							<div class="comments">
								<div class="media">                    
									<a href="#" class="pull-left">
										<img src="../assets/images/user-1.jpg" alt="" class="media-object">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Media heading</h4>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
										<small>2 hours ago / <a href="#">Reply</a></small>
										<!-- Nested media-->
										<div class="media">
											<a href="#" class="pull-left">
												<img src="../assets/images/user-2.jpg" alt="" class="media-object">
											</a>
											<div class="media-body">
												<h4 class="media-heading">Media heading</h4>
												<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
												<small>7 hours ago / <a href="#">Reply</a></small>
											</div>
										</div>
										<!--end media-->                      
										<div class="media">
											<div class="media-body">
												<h4 class="media-heading">Media heading</h4>
												<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
												<small>3 days ago / <a href="#">Reply</a></small>
											</div>
										</div>
										<!--end media-->
									</div>
								</div>
								<!--end media-->
								<div class="media">
									<a href="#" class="pull-left">
										<img src="../assets/images/user-4.jpg" alt="" class="media-object">
									</a>
									<div class="media-body">
										<h4 class="media-heading">Media heading</h4>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui.</p>
										<small>Augest 21,2014 / <a href="#">Reply</a></small>
									</div>
								</div>
								<!--end media-->
								<div class="media">
									<div class="media-body">
										<h4 class="media-heading">Media heading</h4>
										<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Etiam porta sem malesuada magna mollis euismod. Donec sed odio dui. </p>
										<small>January 2,2014 / <a href="#">Reply</a></small>
									</div>
								</div>
								<!--end media-->
							</div>
				  
							<!-- the comment box -->
							<div class="space-16"></div>
							
							<div class="well light">
								<h4><i class="fa fa-paper-plane-o"></i> Leave a Comment:</h4>
								<form role="form">
									<div class="row">
										<div class="form-group col-lg-4">
											<input type="text" name="contact_name" class="form-control" placeholder="Name">
										</div>
										<div class="form-group col-lg-4">
											<input type="email" name="contact_email" class="form-control" placeholder="Email Address">
										</div>
									
										<div class="clearfix"></div>
										
										<div class="form-group col-lg-12">
											<textarea class="form-control" rows="3"></textarea>
										</div>
									</div>
									
									<button type="submit" class="btn btn-success">Post a Comment</button>
								</form>
							</div>
							<!-- the comment box -->
							
						</div>
						
						
					</div>
					<!--//Blog Left Side-->
					
					<!--Blog Right Side-->
					<div class="col-lg-3">
						<div class="blog-categories">
							<h3>Categories</h3>
							<ul class="list-unstyled">
								<li><a href="#">Alien Abductions (5)</a></li>
								<li><a href="#">Business Casual (3)</a></li>
								<li><a href="#">Robots (7)</a></li>
								<li><a href="#">Fireworks (2)</a></li>
							</ul>
						</div>
						<!-- /well -->
						
						<div class="space-16"></div>
						
						<!--tcSlider for populer posts-->
						
						<h3 class="no-margin-top">Most Popular</h3>
						<div id="tcSilder">
							<div id="myCarousel-3" class="carousel slide">
								<!-- Carousel items -->
								<div class="carousel-inner">
									<div class="item active">
										<div class="slide-contents">
											<h5><a href="#">4 Reasons Google Bought Waze</a></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit.</p>
											<p><a href="#">Read more..</a></p>
										</div>
									</div>
									<div class="item">
										<div class="slide-contents">
											<h5><a href="#">Silver City Is First in New Mexico</a></h5>
											<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut rutrum elit in arcu blandit, eget pretium nisl accumsan.</p>
											<p><a href="#">Read more..</a></p>
										</div>
									</div>
								</div>

								<!-- Carousel nav -->
								<a class="left-btn" href="#myCarousel-3" data-slide="prev"></a>
								<a class="right-btn" href="#myCarousel-3" data-slide="next"></a>
							</div>	
						</div>						
						<!--tcSlider-->

						<div class="space-16"></div>
						
						<div class="well bg-primary">
							<h4>Side Widget</h4>
							<p>Bootstrap's default well's work great for side widgets! What is a widget anyways...?</p>
						</div>
						<!-- /well -->
						
						<div class="space-16"></div>
						
						<!--Tags-->
						<div class="blog-tags">
							<h3><i class="fa fa-tags"></i> Tags</h3>
							<ul>
								<li><a href="#">Theme</a></li>
								<li><a href="#">admin</a></li>
								<li><a href="#">jQuery</a></li>
								<li><a href="#">Bootstap</a></li>
								<li><a href="#">Twitter</a></li>
								<li><a href="#">QuickStrp</a></li>
							</ul>
						</div>
						<!-- /Tags -->
					

						
					</div>
					<!--//Blog Right Side-->
					
				</div>

			<!--CONTENT-->
			</div>
		</div>
		

		<!--Footer-->
		<div class="block-footer">
			<div class="container">
				<div class="row">
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features <span class="badge badge-primary">New</span></a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12">
						<h4>Quick Links</h4>
						<ul class="list-unstyled">
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Home</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> About Us</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Features</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Blog</a></li>
							<li><a href="#"><i class="fa fa-angle-double-right"></i> Contact Us</a></li>
						</ul>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
					
						<h4>About Us</h4>
						<div class="well">
							<p>Lorem Ipsum is simply dummy text of the printing and typesetting dustry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
						</div>
						
						<h4>Contact Us</h4>
						<ul class="list-inline">
							<li><i class="fa fa-phone"></i> (123) 456-7890</li>
							<li><i class="fa fa-envelope"></i> Sale.dtp@example.com</li>
						</ul>
						
					</div>
					<div class="col-lg-2 col-md-2 col-sm-12 col-xs-12 social">
						<h4>Follow Us</h4>
						<ul class="list-inline">
							<li><a href="#" class="btn btn-circle btn-facebook btn-xs"><i class="fa fa-facebook icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-googleplus btn-xs"><i class="fa fa-google-plus icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-twitter btn-xs"><i class="fa fa-twitter icon-only"></i></a></li>
							<li><a href="#" class="btn btn-circle btn-linkedin btn-xs"><i class="fa fa-linkedin icon-only"></i></a></li>
						</ul>
					</div>
				</div>
				<div class="row copyright">
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<p>2014 © eKoders, All rights reserved.</p>
					</div>
					<div class="col-lg-6 col-md-6 col-sm-12 col-xs-12">
						<ul class="list-inline">
							<li><a href="#">Privacy Policy</a></li>
							<li><a href="#">Terms of Use</a></li>
							<li><a href="#">Refund Policy</a></li>
							<li><a href="#">License</a></li>
						</ul>						
					</div>
				</div>
			</div>
		</div>
		
		<a id="back-to-top" href="#" class="btn btn-primary btn-sm back-to-top" role="button"><i class="fa fa-angle-double-up icon-only bigger-110"></i></a>
		<!--End Footer-->
		
	</div><!-- /page container -->
    
	
    <!-- core JavaScript -->
    <script src="../assets/js/jquery.min.js"></script>
    <script src="../assets/js/bootstrap.min.js"></script>
	<script src="../assets/js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
	<script src="../assets/js/plugins/pace/pace.min.js"></script>
	
	<!-- PAGE LEVEL PLUGINS JS -->
	
    <!-- Themes Core Scripts -->	
	<script src="../assets/js/main.js"></script>

	<!-- initial page level scripts for examples -->
	<script type="text/javascript">
		// init variables require for all front pages
			Apps.initNavTopBar();
		// end
	</script>
</body>

</html>
